<!DOCTYPE html>
<html>
<head>
    <meta name="layout" content="main"/>
    <g:set var="entityName" value="${message(code: 'estate.label', default: 'estate')}"/>

    <title>小区详情</title>
    <asset:stylesheet src="newMap/gisMap.css"/>
    <style>
    .selectContentTop{
        margin-top: 17px;
        position: absolute;
        left: 50%;
        margin-left: -300px;
    }
    .selectContent1{
        width: 100px;
        float: left;
        padding: 10px 0;
        padding-left: 12px;
        cursor: pointer;
        color: #679B43;
    }
    .selectContent1 a{
        color: #679B43!important;
    }
    .selectContent1:hover{
        background: #F3F7EF;
    }
    </style>
    <style>
    .col-xs-12{
        margin: 10px 0;
    }
    </style>
</head>

<body class="fixed-navbar fixed-sidebar">
%{--头部--}%
<div id="bankHeader">
    <div class="bankHeaderLeft pull-left">
        <asset:image src="banking7.png" style="display: block; float: left;width: 38px;"/>
        <div class="logoFont">押品预警系统</div>
        <div style="position: absolute;top: 60px;left: 26px;font-weight: bold;">广东</div>
        <div class="province">
            <asset:image src="banking9.png" style="display: block;float: left;"/>
            <div class="">广东 <span style="position: relative;top: 5px;left: 3px">ˇ</span></div>
        </div>
    </div>

    <div class="selectContentTop">
        <div class="selectContent1">
            <asset:image src="banking25.png" class="tabImage"/>
            <div class="tabFont1"><g:link controller="newMap" action="gisMap">地图</g:link></div>
        </div>
        <div class="selectContent1">
            <asset:image src="banking21.png" class="tabImage"/>
            <div class="tabFont1"><g:link controller="bankingRegulatory" action="index">图表</g:link></div>
        </div>
        <div class="selectContent1">
            <asset:image src="banking27.png" class="tabImage"/>
            <div class="tabFont1"><g:link controller="bankingRegulatory" action="monitor">监测</g:link></div>
        </div>
        <div class="selectContent1">
            <asset:image src="banking23.png" class="tabImage"/>
            <div class="tabFont1"><g:link controller="bankingRegulatory" action="riskWarning">预警</g:link></div>
        </div>
        <div class="selectContent1">
            <asset:image src="banking26.png" class="tabImage"/>
            <div class="tabFont1"><g:link controller="bankingRegulatory" action="report">报告</g:link></div>
        </div>
        %{--<div class="selectContent">--}%
        %{--<asset:image src="banking22.png" class="tabImage"/>--}%
        %{--<div class="tabFont1"><g:link controller="bankingRegulatory" action="developer">开发商</g:link></div>--}%
        %{--</div>--}%
        <div class="selectContent1">
            <asset:image src="banking28.png" class="tabImage"/>
            <div class="tabFont1">用户</div>
        </div>
        <div class="selectContent1">
            <asset:image src="banking24.png" class="tabImage"/>
            <div class="tabFont1">机构</div>
        </div>
    </div>
    <div class="bankHeaderRight pull-right">
        <div class="userInfo">
            <span style="position: relative;top: 4px;">
                <i class="pe-7s-clock"></i>&nbsp;&nbsp;2018-10-18 09:32:55 <span style="margin: 0 15px;">管理员</span>
            </span>
            <div class="quit">退出</div>
        </div>
    </div>
</div>
<div class="small-header">
    <div class="hpanel">
        <div class="panel-body">
            <div id="hbreadcrumb" class="pull-right navFloatRight">
                <ol class="hbreadcrumb breadcrumb">
                    <li>CINDATA PLS</li>
                    <li class="active">
                        <span>小区详情</span>
                    </li>
                </ol>
            </div>

            <h2 class="font-light m-b-xs">
                小区详情
            </h2>
        </div>
    </div>
</div>

<div class="content animate-panel">

    <div class="row">
        <div class="hpanel hblue">
            <div class="panel-heading">
                <div class="panel-tools">
                    <a class="showhide"><i class="fa fa-chevron-down"></i></a>
                </div>
                主要信息
            </div>
            <div class="panel-body">
                <div class="row">
                    <div class="form-group col-sm-4">
                        <h4 class="col-sm-12 control-label">最新评估价值：203405.00万元</h4>

                    </div>

                    <div class="form-group col-sm-4">
                        <h4 class="col-sm-12 control-label">评估单价：6000元/平方米</h4>

                    </div>

                    <div class="form-group col-sm-4">
                        <h4 class="col-sm-12 control-label">评估时间：2018年01年01日</h4>

                    </div>
                </div>
                <div class="row">
                    <div class="form-group col-sm-4">
                        <h4 class="col-sm-12 control-label">房屋类型：住宅</h4>

                    </div>

                    <div class="form-group col-sm-4">
                        <h4 class="col-sm-12 control-label">地址：广州市白云区解放路8号</h4>

                    </div>

                    <div class="form-group col-sm-4">
                        <h4 class="col-sm-12 control-label">总面积：50000平方米</h4>

                    </div>
                </div>
                <div class="row">
                    <div class="form-group col-sm-4">
                        <h4 class="col-sm-12 control-label">押品数量：200</h4>

                    </div>

                    <div class="form-group col-sm-4">
                        <h4 class="col-sm-12 control-label">占全量押品比例：10%</h4>

                    </div>

                    <div class="form-group col-sm-4">
                        <h4 class="col-sm-12 control-label">价格上涨：10%</h4>

                    </div>
                </div>

            </div>
        </div>
    </div>

    <div class="row">
        <div class="hpanel hgreen" style="">
            <div class="panel-heading">
                <div class="panel-tools">
                    <a class="showhide"><i class="fa fa-chevron-up"></i></a>
                </div>
                小区信息
            </div>

            <div class="panel-body no-padding" style="overflow-x: auto">
                <div class="table-responsive">
                    <table cellpadding="1" cellspacing="1" class="table table-striped table-bordered table-hover text-center" id="">
                        <thead>
                        <tr>
                            <td>小区名称</td>
                            <td>小区地址</td>
                            <td>建筑形式</td>
                            <td>建筑结构</td>
                            <td>建筑年份</td>
                            <td>容积率</td>
                            <td>占地面积</td>
                            <td>建筑面积</td>
                            <td>总户数</td>
                            <td>物业公司</td>
                            <td>物业费</td>
                            <td>开发商</td>
                        </tr>
                        </thead>
                        <tbody>

                        <tr>
                            <td>碧桂园</td>
                            <td>广东省广州市番禺区洛溪南浦岛南浦大道</td>
                            <td>筋混凝土结构</td>
                            <td>2018/12/20</td>
                            <td>-</td>
                            <td>51175㎡</td>
                            <td>44021㎡</td>
                            <td>-</td>
                            <td>-</td>
                            <td>-</td>
                            <td>-</td>
                            <td>-</td>
                        </tr>

                        </tbody>
                    </table>
                </div>
            </div>

            <div class="panel-footer">
                <div class="pagination" style="display:none";>
                    <span class="currentStep">1</span>
                    <a class="step">2</a>
                    <a class="step">3</a>
                    <a class="step">4</a>
                    <a class="step">5</a>
                    <a class="step">6</a>
                    <a class="step">7</a>
                    <a class="step">8</a>
                    <a class="step">9</a>
                    <a class="step">10</a>
                    <span class="step gap">..</span>
                    <a class="step">62</a>
                    <a class="nextLink">
                        下页
                    </a>
                </div>
            </div>
        </div>
    </div>

    <div class="row">
        <div class="hpanel hgreen" style="">
            <div class="panel-heading">
                <div class="panel-tools">
                    <a class="showhide"><i class="fa fa-chevron-up"></i></a>
                </div>
                押品列表信息
            </div>

            <div class="panel-body no-padding" style="overflow-x: auto">
                <div class="table-responsive">
                    <table cellpadding="1" cellspacing="1" class="table table-striped table-bordered table-hover text-center" id="">
                        <thead>
                        <tr>
                            <th>抵押物编号</th>
                            <th>抵押物类型</th>
                            <th>抵押物名称</th>
                            <th>房屋所有权证书号码</th>
                            <th>抵押人名称</th>
                            <th>抵押人证件类型</th>
                            <th>抵押人证件号码</th>
                            <th>抵押人贷款卡编号</th>
                            <th>其他共同所有人</th>
                            <th>所占份额</th>
                            <th>此抵押物是否当前申请所购资产</th>
                            <th>抵押权顺位</th>
                            <th>在先担保金额</th>
                        </tr>
                        </thead>
                        <tbody>

                        <tr>
                            <td>51205567</td>
                            <td>住宅</td>
                            <td>-</td>
                            <td>-</td>
                            <td>-</td>
                            <td>-</td>
                            <td>-</td>
                            <td>-</td>
                            <td>-</td>
                            <td>-</td>
                            <td>否</td>
                            <td>-</td>
                            <td>-</td>
                        </tr>

                        </tbody>
                    </table>
                </div>
            </div>

            <div class="panel-footer">
                <div class="pagination" style="display:none";>
                    <span class="currentStep">1</span>
                    <a class="step">2</a>
                    <a class="step">3</a>
                    <a class="step">4</a>
                    <a class="step">5</a>
                    <a class="step">6</a>
                    <a class="step">7</a>
                    <a class="step">8</a>
                    <a class="step">9</a>
                    <a class="step">10</a>
                    <span class="step gap">..</span>
                    <a class="step">24</a>
                    <a class="nextLink">
                        下页
                    </a>
                </div>
            </div>
        </div>
    </div>



</div>
</body>
</html>
